import { useCallback, useState } from "react";

export default function Square({value, onSquareClick}) {
    // const [value, setValue] = useState(null)
    // const  handleClick = () => {
    //     console.log('clicked!');
    //     setValue('x')
    //   }
    return <button className="square" onClick={onSquareClick}>{value}</button>;
  }